body
{
    background-image: url(seam.png);
    background-color: #333;
    color: #fff;
    font-family: monospace;
    padding: 1em 5%;
}

h1
{
    background-color: #fff;
    color: #344;
    overflow: hidden;
    padding: 0.5em 0.5em 0.5em 0.8em;
    margin-bottom: 0;
    /*
    border-style: solid;
    border-color: #555;
    border-width: medium medium 0 medium;
    */
}


table.chatwindow
{
    margin: 0;
    border-collapse: collapse;
    background-color: #000;
    color: #fff;
	float: left;
	display: inline;
    /*
	height: 200px;
    */
	width: 100%;
	overflow: auto;
    font-family: monospace;
    border-width: 0;
    background-image: url(grade.png);
    background-repeat: repeat-x;
    background-position: top left;
}

table.chatwindow tr
{
    width: 100%;
}

td.nickcell
{
    vertical-align: top;
    text-align: right;
    padding: 0 0.4em;
    border-style: solid;
    border-color: #059;
    border-width: 0 0.2em 0 0;
    white-space: nowrap;
}

td.nickcell:hover
{
    background-color: #012;
}

td.nickcell:hover + td
{
    background-color: #012;
}

table.chatwindow:hover a
{
    text-decoration: underline;
}

td.messagecell
{
    padding: 0 0 0 0.4em;
    width: 100%;
}

input
{
    background-color: #920;
    background-image: url(grade2.png);
    background-repeat: repeat-y;
    color: #fff;
    width: 70%;
    padding: 0 0.5em;
    border-width: 0;

    font-size: 1em;
    vertical-align: middle;
}

/*
input:hover
{
    background-color: #a31;

}
*/

div.footer
{
    background-color: #c40;
    color: #fff;
    clear:both;
    overflow: hidden;
    padding: 0.5em 1em 0.5em 0;
    border-width: 0;
    text-align: center;
    font-size: 1.2em;
    vertical-align: middle;
    width: 100%;
    margin: 0;
}

input.nickname:hover
{
    background-color: #920;
    background-image: url(grade2.png);


}

input.nickname
{
    background-color: transparent;
    background-color: #c40;
    background-image: none;
    color: #fff;
    width: 20%;
    padding: 0 0.5em;
    border-width: 0;

    font-size: 1em;
    vertical-align: middle;
    text-align: right;

    /*
    padding: 0 1em;
    font-size: 1.5em;
    vertical-align: middle;
    text-decoration: underline;
    border-width: 0;
    */
}

form
{
    margin: 0;
    padding: 0;
    border-width: 0;
    display: inline;
}

ul.online
{
	overflow: auto;
    background-color: transparent;
    color: #fff;
    /*
    padding: 0.5em 1em;
    padding: 0 1.5em 0 0.5em;
    */
    padding: 0;
    margin: 0;
}

ul
{
    /*
    display: inline;
    width: 100%;
    height: 100%;
    */
    padding: 0;
    margin: 0;
    border-width: 0;
    list-style: none;
}

li
{
    white-space: nowrap;
    padding: 0 3em 0 1em;
    margin: 0;
    border-width: 0;
    /*
    margin: 0 0 0 0.5em;
    display: inline;
    font-style: italic;
    */
    text-align: left;
}

li:hover
{
    /*
    list-style: square;
    font-weight: bold;
    background-color: transparent;
    color: #fff;
    */
    background-color: #012;
}

table
{
    height: 400px;

}

table ul
{
    height: 400px;

}

table.fusionchat
{
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    background-color: transparent;
    color: #fff;
	float: left;
	width: 100%;
    font-family: monospace;
    border-width: 0;
    /*
	display: inline;
	overflow: auto;
    */
}

tr
{
    width: 100%;
}

td.online
{
    padding: 1em 0;
		overflow: auto;
    background-color: #059;
    background-color: #000;
    background-color: #210;
    color: #fff;
		vertical-align: top;
		text-align: right;
    background-image: url(hiit.png);
    background-repeat: no-repeat;
    background-position: bottom center;
		width: 15%;
}

td.online:hover li
{
    text-decoration: underline;
}

td.chat
{
    padding: 0;
    vertical-align: top;
		overflow: hidden;
		width: auto;
}


div.chat
{
    height: 100%;
}

.inputwrapper
{
    margin: 0;
    padding: 0;
    border-width: 0;
    display: inline;
    width: 100%;
}

a
{
    text-decoration: none;
    color: inherit;
}

a:hover
{
}


td.v1 { background-color: transparent; color: #faa; }
td.v2 { background-color: transparent; color: #afa; }
td.v3 { background-color: transparent; color: #aaf; }
td.v4 { background-color: transparent; color: #fa0; }
td.v5 { background-color: transparent; color: #0af; }
td.v6 { background-color: transparent; color: #f0a; }
td.v7 { background-color: transparent; color: #a0f; }
td.v8 { background-color: transparent; color: #0fa; }
td.v9 { background-color: transparent; color: #af0; }
td.v10 { background-color: transparent; color: #f00; }
td.v11 { background-color: transparent; color: #0f0; }
td.v13 { background-color: transparent; color: #00f; }

a
{
	background-color: transparent;
	color: #fff;
}

a:visited
{
	background-color: transparent;
	color: #fff;
}

h1 a
{
    padding: 0;
    margin: 0;
    border-width: 0;
}

h1 a img
{
    padding: 0;
    border-width: 0;
}

h1 img
{
    background-color: transparent;
    color: #000;
    padding: 3px;
    margin: 2px 2px 0 1% ;
    border-width: thin;
    border-color: #fee #eef #eef #fee;
    border-style: solid;

    vertical-align: bottom;
    height: 1.5em;
}

h1 img:hover
{
    background-color: #fdc;
    color: #000;
    border-color: #ddd #888 #888 #ddd;
}

h1 img:active
{
    background-color: #dcb;
    color: #000;
    border-color: #888 #fff #fff #888;
}

td.timecell
{
  background: transparent;
  color: #999;
  vertical-align: top;
}

td.timecell span.date
{
  display: none;
}

.chat:hover span.date
{
  display: inline;
}
.chat tr:hover
{
    background-color: #012;

}

tr.systemmessage:hover td.timecell
{
  background-color: transparent;
  color: #fff;
}

tr.systemmessage:hover
{
  background-color: #310;
  color: #fff;
}

tr.systemmessage
{
  background-color: #310;
  color: #777;
}

tr.systemmessage:hover
{
  background-color: #420;
}

tr.systemmessage td.messagecell
{
  text-align: center;
}

tr.systemmessage td.nickcell:hover + td
{
    background-color: transparent;
}

tr.systemmessage td.nickcell:hover
{
    background-color: transparent;
}
/*
td.nickcell:hover
{
    background-color: #024;
}
*/
td.nickcell:hover + td
{
    background-color: #024;
}

